@import '../../color.less';
@import '../../style/font/iconfont.less';

.needLogin {
  display: flex;
  justify-content: center;
  align-content: center;
  height: 200rpx;
  flex-direction: column;
  Button{
    font-size: 40rpx;
    width: 300rpx;
    height: 80rpx;
    color: #fff;
    background: @color1;
    line-height: 80rpx;
  }
}

.lately{
  height: 200rpx;
  width: 100%;
  padding: 10rpx 0;
  padding-left: 30rpx;
  box-sizing: border-box;
  .spot, .item{
    background: #fff;
    width: 80rpx;
    height: 180rpx;
    display: inline-block;
    border-radius: 10rpx;
    overflow: hidden;
    margin-right: 15rpx;
    &:last-of-type{
      margin-right: 0 !important;
    }
    .icon-right, .icon-left{
      font-size: 42rpx;
    }
    .text{
      display: flex;
      justify-content: center;
      align-items: center;
      color: @color1;
      height: 100%;
    }
  }
  .spot{
    background: transparent;
    width: 25rpx;
    .text{
      .point{
        width: 20rpx;
        height: 20rpx;
        background: #fff;
        border-radius: 100rpx;
      }
    }
  }
}
